﻿@model WineStore.Models.AccountAdmin
@{
    ViewBag.Title = "Logon";
}
<!--Logon-->
<html lang="en" class="no-js">
<!--<![endif]-->
<head>
    <meta charset="UTF-8" />
    <!-- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">  -->
    <title>Login</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Login and Registration Form with HTML5 and CSS3" />
    <meta name="keywords" content="html5, css3, form, switch, animation, :target, pseudo-class" />
    <meta name="author" content="Codrops" />
    <link rel="shortcut icon" href="../favicon.ico">
    <link rel="stylesheet" type="text/css" href="../../Content/demo.css" />
    <link rel="stylesheet" type="text/css" href="../../Content/stylelogon.css" />
    <link rel="stylesheet" type="text/css" href="../../Content/animate-custom.css" />
    <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
</head>
<body>
    <div class="container">
        <!-- Codrops top bar -->
        <div class="codrops-top">
            <a href="">
                <strong>&raquo; Website management system: </strong>Simdepvietnam.org
            </a>
            <div class="clr"></div>
        </div>
        <!--/ Codrops top bar -->
        <header>
            <h1>Please fill in <span>your username and password</span> in the form</h1>
            <nav class="codrops-demos">
                <span>Click <strong>"LOGIN"</strong> to see the management system</span>

            </nav>
        </header>
        <section>
            <div id="container_demo">
                <!-- hidden anchor to stop jump http://www.css3create.com/Astuce-Empecher-le-scroll-avec-l-utilisation-de-target#wrap4  -->
                <a class="hiddenanchor" id="toregister"></a>
                <a class="hiddenanchor" id="tologin"></a>
                <div id="wrapper">
                    <div id="login" class="animate form">
                        @using (Html.BeginForm("LogOn", "Admin", FormMethod.Post, new { enctype = "multipart/form-data" }))
                        { 
                            
                            <h1>Log in</h1>
                            <span style="color: Red">@Html.ValidationSummary(true)</span>
                            <p>
                                <label for="UserName" class="uname" data-icon="u">Your username </label>
                                <input id="UserName" name="UserName" required="required" type="text" placeholder="Please enter a username" />
                            </p>
                            <p>
                                <label for="Password" class="youpasswd" data-icon="p">Your password </label>
                                <input id="Password" name="Password" required="required" type="password" placeholder="Please enter a password" />
                            </p>

                            <p class="login button">
                                <input type="submit" value="Login" />
                            </p>
                            <p class="change_link">
                                © 2013 <a href="#">Simdepvietnam.org</a> All Rights Reserved ®
                            </p>
                        }
                    </div>
                </div>
            </div>
        </section>
    </div>
</body>
</html>

